<!--<!DOCTYPE html>-->
<!--<html lang="en" xmlns:th="http://www.thymeleaf.org">-->
<!--<head th:include="~{shared/header}">-->
<!--  <meta charset="UTF-8">-->
<!--  <title>Hello</title>-->
<!--</head>-->
<!--<body>-->
<!--<h1 th:text="'body的' + ${data}"/>-->
<!--<div id="app">-->

<!--</div>-->
<!--</body>-->
<!--</html>-->
<!--<script th::inline="javascript">-->
<!--  const backData = "[[${data}]]";-->
<!--  const { createApp, ref, onMounted  } = Vue;-->
<!--  const { create, NButton } = naive;-->
<!--  const app = createApp({-->
<!--    setup() {-->
<!--      const count = ref(0);-->
<!--      const getData = ref("default");-->
<!--      onMounted(() => {-->
<!--        /* 使用全局变量赋值 */-->
<!--        getData.value = backData-->
<!--      });-->

<!--      return { count, getData };-->
<!--    },-->
<!--    components: {-->
<!--      [NButton.name]: NButton,-->
<!--    },-->
<!--    template: `-->
<!--    <h1>Vue的{{ getData }}</h1>-->
<!--    <button @click="count++" class="ui-priority-primary">-->
<!--      Clicked {{ count }} times-->
<!--    </button>-->
<!--  `,-->
<!--  });-->

<!--  app.use(create({}));-->
<!--  app.mount("#app");-->
<!--</script>-->
